<template>
	<div class="module">
		<table border="1" class="table-view">
			<tbody>
				<tr style="background: rgba(213,206,210,0.30);">
					<td v-for="item in data.title">{{item}}</td>
				</tr>
				<tr v-for="item in data.data">
					<td v-for="(value, key) in item">{{value}}</td>
				</tr>
			</tbody>
		</table>
	</div>
</template>

<script>
export default {
	props: ['data']
}
</script>

<style scoped lang="less">
.module {
	width: 100%;
	.table-view {
		width: 100%;
		border: 1px solid #D5CED2;
		tr {
			height: .4rem;
		}
		td {
			text-indent: .1rem;
		}
	}
}
</style>